<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
  <meta name="viewport"
        content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
  <meta name="format-detection" content="telephone=no, email=no"/>
  <meta name="apple-mobile-web-app-capable" content="yes"/>
  <meta name="apple-mobile-web-app-status-bar-style" content="black"/>
  <title>1060官网</title>
  <link rel="stylesheet" href="../../style/iconfont.css">
  <link rel="stylesheet" href="../../common/index.css">
  <link rel="stylesheet" href="../../style/common.css">
  <link rel="stylesheet" href="../../style/news/index.css">
</head>
<body>
<header class="p-l-100 p-r-100">
  <div class="font-0 flex-col-center logo">
    <img src="http://sitjhwm8c.hb-bkt.clouddn.com/FiApHDI6JqKO5GdEDG0MMw7Pw-yQ" alt="">
  </div>
  <nav id="nav" class="font-18">
    <div>
      <a href="../../index.html">首页</a>
    </div>
    <div>
      <a href="#">關於中港通</a>
      <div class="font-15">
        <a href="../../pages/index/develop.html">企业发展</a>
        <a href="../../pages/index/thought.html">使命思想</a>
        <a href="../../pages/index/strategy.html">关于中港通</a>
        <a href="../../pages/index/culture.html">牌照</a>
      </div>
    </div>
    <div>
      <a href="../../pages/brand/index.html">旗下品牌</a>
    </div>
    <div>
      <a href="#">主要業務</a>
      <div class="font-15">
        <a href="../../pages/strength/R-and-D.html">港股交易</a>
        <a href="../../pages/strength/qualifications.html">资质专利</a>
        <a href="../../pages/strength/market.html">配售</a>
        <a href="../../pages/strength/cooperation.html">香港投資移民（CIES）</a>
      </div>
    </div>
    <div>
      <a href="#">集团动态</a>
      <div class="font-15">
        <a href="../../pages/trends/business.html">集团事业</a>
        <a href="../../pages/trends/member.html">集团领导</a>
      </div>
    </div>
    <div class="active">
      <a href="#">客戶專區</a>
      <div class="font-15">
        <a href="../../pages/news/index.html">开户</a>
        <a href="../../pages/news/party-building.html">港股交易收費表</a>
        <a href="../../pages/news/video.html">資金存取</a>
      </div>
    </div>
    <div>
      <a href="../../pages/investor/index.html">投资者关系</a>
    </div>
    <div>
      <a href="#">联系我们</a>
      <div class="font-15">
        <a href="../../pages/contact/contact-us.html">联系方式</a>
        <a href="../../pages/contact/feedback.html">意见反馈</a>
      </div>
    </div>
  </nav>
  <div class="language">
    <span>CN</span>
  </div>
</header>
<main class="p-l-100 p-r-100">
  <div class="flex">
    <div class="flex-1 p-r-100 flex-col-center" >
      <div class="text-right font-40">
        <span><b>開戶</b></span>
      </div>
      <div class="text-right text font-40 p-t-10 p-b-50">
        <span>CORPORATE NEWS</span>
      </div>
      <div class="text-right font-18 color-666">
        <p data-v-0cc356d2="" style="font-size: 18px; color: rgb(102, 102, 102); line-height: 40px;">宝沙是国内较早进入远红外桑拿房行业的公司之一，也是国内较早上市的主营远红外桑拿房的公司。 公司经营的自有品牌 Golden Designs (美国品牌)、Maxxus mfrared Sauna、Veegee均是行业内知名品牌，积淀了稳定的经销商和客户群。 公司追求打造高科技的产品、高优质服务、高定级品牌。为了保持这一目标的实现，在设备更新、工艺创新、研发设计、原料选材、生产管理、售前售后服务等方面始终进行严格要求。</p>
      </div>
    </div>
    <div class="row-span-10">
      <img width="100%" src="https://cdn.55mao.com/FjkhvM-5XxP_NGdYSqY9AnW6W1Zw" alt="">
    </div>
  </div>
  <div class="p-t-100 flex-wrap business">
    <!-- 内容区域 -->
  </div>
  <div class="position-r flex-row-center p-t-60">
    <span class="font-40 position-r" style="z-index: 1;">行业资讯</span>
    <span class="font-40 text position-a" style="bottom: -8px;opacity: .5;"><b>GROUP BUSINESS</b></span>
  </div>
  <div class="flex-wrap m-t-30 news-list">
    <!-- 内容区域 -->
  </div>
  <div class="flex-center p-50">
    <span class="button" id="handleMoreMethods" >MORE</span>
  </div>
</main>
<footer class="p-l-100 p-r-100">
  <div class="flex">
    <div class="flex-1 link">
      <div>
        <img src="http://sitjhwm8c.hb-bkt.clouddn.com/Fov__NAFlvR8W0uLV-iYhAyvD3ru" alt="">
      </div>
      <div><div style="display: flex; margin-top: 50px; margin-bottom: 20px;" data-v-72d94ebe="">
<div style="display: flex; flex-direction: column; margin-right: 72px;" data-v-72d94ebe=""><a style="margin-bottom: 8px; display: flex; justify-content: center; font-weight: bold; border-bottom: 1px solid #333333; color: #000000; font-size: 13px; padding: 6px 0px;" href="#" data-v-72d94ebe="">公司介绍</a><a style="color: #777777; font-size: 12px; margin-bottom: 8px; padding: 0px 3px; display: flex; justify-content: center;" href="#" data-v-72d94ebe="">企业发展</a><a style="color: #777777; font-size: 12px; margin-bottom: 8px; padding: 0px 3px; display: flex; justify-content: center;" href="#" data-v-72d94ebe="">使命思想</a><a style="color: #777777; font-size: 12px; margin-bottom: 8px; padding: 0px 3px; display: flex; justify-content: center;" href="#" data-v-72d94ebe="">蓝海战略</a><a style="color: #777777; font-size: 12px; margin-bottom: 8px; padding: 0px 3px; display: flex; justify-content: center;" href="#" data-v-72d94ebe="">企业文化</a></div>
<div style="display: flex; flex-direction: column; margin-right: 72px;" data-v-72d94ebe=""><a style="margin-bottom: 8px; display: flex; justify-content: center; font-weight: bold; border-bottom: 1px solid #333333; color: #000000; font-size: 13px; padding: 6px 0px;" href="#" data-v-72d94ebe="">旗下品牌</a><a style="color: #777777; font-size: 12px; margin-bottom: 8px; padding: 0px 3px; display: flex; justify-content: center;" href="#" data-v-72d94ebe="">保参利</a><a style="color: #777777; font-size: 12px; margin-bottom: 8px; padding: 0px 3px; display: flex; justify-content: center;" href="#" data-v-72d94ebe="">益参祥</a><a style="color: #777777; font-size: 12px; margin-bottom: 8px; padding: 0px 3px; display: flex; justify-content: center;" href="#" data-v-72d94ebe="">圳友</a></div>
<div style="display: flex; flex-direction: column; margin-right: 72px;" data-v-72d94ebe=""><a style="margin-bottom: 8px; display: flex; justify-content: center; font-weight: bold; border-bottom: 1px solid #333333; color: #000000; font-size: 13px; padding: 6px 0px;" href="#" data-v-72d94ebe="">新闻公告</a><a style="color: #777777; font-size: 12px; margin-bottom: 8px; padding: 0px 3px; display: flex; justify-content: center;" href="#" data-v-72d94ebe="">企业新闻</a><a style="color: #777777; font-size: 12px; margin-bottom: 8px; padding: 0px 3px; display: flex; justify-content: center;" href="#" data-v-72d94ebe="">党建工作</a><a style="color: #777777; font-size: 12px; margin-bottom: 8px; padding: 0px 3px; display: flex; justify-content: center;" href="#" data-v-72d94ebe="">视频中心</a></div>
<div style="display: flex; flex-direction: column; margin-right: 72px;" data-v-72d94ebe=""><a style="margin-bottom: 8px; display: flex; justify-content: center; font-weight: bold; border-bottom: 1px solid #333333; color: #000000; font-size: 13px; padding: 6px 0px;" href="#" data-v-72d94ebe="">集团动态</a><a style="color: #777777; font-size: 12px; margin-bottom: 8px; padding: 0px 3px; display: flex; justify-content: center;" href="#" data-v-72d94ebe="">集团事业</a><a style="color: #777777; font-size: 12px; margin-bottom: 8px; padding: 0px 3px; display: flex; justify-content: center;" href="#" data-v-72d94ebe="">集团领导</a><a style="color: #777777; font-size: 12px; margin-bottom: 8px; padding: 0px 3px; display: flex; justify-content: center;" href="#" data-v-72d94ebe="">集团新闻</a><a style="color: #777777; font-size: 12px; margin-bottom: 8px; padding: 0px 3px; display: flex; justify-content: center;" href="#" data-v-72d94ebe="">媒体报道</a></div>
<div style="display: flex; flex-direction: column; margin-right: 72px;" data-v-72d94ebe=""><a style="margin-bottom: 8px; display: flex; justify-content: center; font-weight: bold; border-bottom: 1px solid #333333; color: #000000; font-size: 13px; padding: 6px 0px;" href="#" data-v-72d94ebe="">企业资讯</a><a style="color: #777777; font-size: 12px; margin-bottom: 8px; padding: 0px 3px; display: flex; justify-content: center;" href="#" data-v-72d94ebe="">研发中心</a><a style="color: #777777; font-size: 12px; margin-bottom: 8px; padding: 0px 3px; display: flex; justify-content: center;" href="#" data-v-72d94ebe="">资质专利</a><a style="color: #777777; font-size: 12px; margin-bottom: 8px; padding: 0px 3px; display: flex; justify-content: center;" href="#" data-v-72d94ebe="">全球市场</a><a style="color: #777777; font-size: 12px; margin-bottom: 8px; padding: 0px 3px; display: flex; justify-content: center;" href="#" data-v-72d94ebe="">合作伙伴</a></div>
<div style="display: flex; flex-direction: column; margin-right: 72px;" data-v-72d94ebe=""><a style="margin-bottom: 8px; display: flex; justify-content: center; font-weight: bold; border-bottom: 1px solid #333333; color: #000000; font-size: 13px; padding: 6px 0px;" href="#" data-v-72d94ebe="">投资者关系</a><a style="color: #777777; font-size: 12px; margin-bottom: 8px; padding: 0px 3px; display: flex; justify-content: center;" href="#" data-v-72d94ebe="">最新报告</a><a style="color: #777777; font-size: 12px; margin-bottom: 8px; padding: 0px 3px; display: flex; justify-content: center;" href="#" data-v-72d94ebe="">定期报告</a><a style="color: #777777; font-size: 12px; margin-bottom: 8px; padding: 0px 3px; display: flex; justify-content: center;" href="#" data-v-72d94ebe="">公司治理</a><a style="color: #777777; font-size: 12px; margin-bottom: 8px; padding: 0px 3px; display: flex; justify-content: center;" href="#" data-v-72d94ebe="">机构报告</a><a style="color: #777777; font-size: 12px; margin-bottom: 8px; padding: 0px 3px; display: flex; justify-content: center;" href="#" data-v-72d94ebe="">投资者关系</a><a style="color: #777777; font-size: 12px; margin-bottom: 8px; padding: 0px 3px; display: flex; justify-content: center;" href="#" data-v-72d94ebe="">投资者教育</a></div>
<div style="display: flex; flex-direction: column; margin-right: 72px;" data-v-72d94ebe=""><a style="margin-bottom: 8px; display: flex; justify-content: center; font-weight: bold; border-bottom: 1px solid #333333; color: #000000; font-size: 13px; padding: 6px 0px;" href="#" data-v-72d94ebe="">联系我们</a><a style="color: #777777; font-size: 12px; margin-bottom: 8px; padding: 0px 3px; display: flex; justify-content: center;" href="#" data-v-72d94ebe="">人才招聘</a><a style="color: #777777; font-size: 12px; margin-bottom: 8px; padding: 0px 3px; display: flex; justify-content: center;" href="#" data-v-72d94ebe="">联系方式</a><a style="color: #777777; font-size: 12px; margin-bottom: 8px; padding: 0px 3px; display: flex; justify-content: center;" href="http://www.baidu.com" data-v-72d94ebe="">意见反馈</a></div>
</div></div>
      <!--            <div>-->
      <!--                <div>-->
      <!--                    <img src="./image/wx.png" alt="">-->
      <!--                    <img src="./image/qq.png" alt="">-->
      <!--                    <img src="./image/weibo.png" alt="">-->
      <!--                    <img src="./image/douyin.png" alt="">-->
      <!--                </div>-->
      <!--                <p>© 2023 VICO CO., LTD</p>-->
      <!--            </div>-->
    </div>
    <div class="contact hide">
      <div>
        <p>聯絡電郵/E-mail</p>
        <p>cs@cktsec.com.hk</p>
        <!--                <p>招聘/Recruitment</p>-->
        <!--                <p>35906506</p>-->
        <p>總部地址/Address</p>
        <p>香港干諾道中 168-200 號信德中心西翼 2808-09 室</p>
      </div>
      <div>
        <img src="http://sitjhwm8c.hb-bkt.clouddn.com/FulG3smeE2Ssj72Oa4Ci9fLt1fR4" alt="">
      </div>
    </div>
  </div>
</footer>
</body>
<script src="../../common/jquery.js"></script>
<script>
  $(function () {

    $(window).on('scroll', function () {
      $('header').css('background', 'rgba(255, 255, 255,' + $(window).scrollTop() / 100 + ')');
    });

    let page = 1;

    $('#handleMoreMethods').on('click', ()=> {
      getData(page++);
    });

    $.get(`${ window.location.protocol }//${ window.location.hostname.replace('www', 'api') }/admin/officialwebsite/sys/module/getContent/byMark`, { mark: 'news', pageSize: 4, pageNum: 1 }, (res) => {
      if(res.code === 0) {
        if(res.data.records && res.data.records.length) {
          renderingNewsMethods(res.data.records);
        }
      }
    });

    getData(page);

    function getData(page) {
      $.get(`${ window.location.protocol }//${ window.location.hostname.replace('www', 'api') }/admin/officialwebsite/sys/module/getContent/byMark`, { mark: 'industry', pageSize: 2, pageNum: page }, (res) => {
        if(res.code === 0) {
          if(res.data.records && res.data.records.length) {
            renderingMethods(res.data.records);
          }
        }
      });
    }

    function renderingMethods(list) {
      list.forEach(item => {
        $('.news-list').append(
          `<div class="bg-fff flex-col p-40">
            <div class="flex border-bottom p-b-30 m-t-20">
              <div class="border flex-col flex-center p-20">
                <span class="font-30" style="color: #00AB16;">${ item.day }</span>
                <span class="color-666">${ item.year }-${ item.month }</span>
              </div>
              <div class="flex-col-center p-l-20">
                <h4 class="font-20">${ item.title }</h4>
                <span class="color-333 p-t-10">——${ item.nickName }</span>
              </div>
            </div>
            <div class="flex-1 color-666 p-t-30 line-height font-15 wrap-4">
              <p>${ item.description }</p>
            </div>
            <div class="flex-align-item-center flex-row-end m-t-30">
              <span style="color: #00AB16;" onclick="window.location.href = '../details/index.html?id=${ item.id }'">MORE</span>
              <img width="26" height="26" src="../../image/index/right-icon.png" alt="">
            </div>
          </div>`
        );
      });
    }

    function renderingNewsMethods(list) {
      list.forEach(item => {
        $('.business').append(
          `<div class="flex-col bg-fff" onclick="window.location.href = '../details/index.html?id=${ item.id }'">
            <div>
              <img src="${ item.coverPicture }" width="100%" alt="">
            </div>
            <div class="flex-1 p-30 flex-col">
              <h4 class="font-20 wrap-1">${ item.title }</h4>
              <p class="flex-1 color-666 p-t-20 font-15 wrap-2">${ item.description }</p>
              <p class="color-666 font-15 m-t-20">${ item.createDate }</p>
            </div>
          </div>`
        );
      });
    }

    $('nav > div').hover(function () {
      $(this).children('div').toggle();
    });

  });
</script>
</html>
